Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Note Currently processing new changes in this PR. This may take a few minutes, please wait... 📒 Files selected for processing (12)
✏️ Tip: You can disable in-progress messages and the fortune message in your review settings. Tip CodeRabbit can enforce grammar and style rules using `languagetool`.Configure the 📝 WalkthroughWalkthroughThis PR refactors the organization and project management UI by consolidating page-level logic into centralized page components, converting modals from route-driven to prop-driven, and removing embedded UI implementations. Several route handlers and inline components are deleted in favor of delegated page components that handle rendering and state. Changes
Estimated code review effort🎯 4 (Complex) | ⏱️ ~60 minutes Possibly related PRs
Suggested reviewers
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
paanSinghCoder
left a comment
There was a problem hiding this comment.
Please check page - view renaming
Pull Request Test Coverage Report for Build 22562400528Warning: This coverage report may be inaccurate.This pull request's base commit is no longer the HEAD commit of its target branch. This means it includes changes from outside the original pull request, including, potentially, unrelated coverage changes.
Details
💛 - Coveralls |
Summary
Migrate SDK plans page from router-coupled components to standalone view components, converting the confirm-plan-change modal from route-based to state-based.
Changes
react/views/plans/ConfirmPlanChangefrom a route-based component (useParams/useNavigate) to a state-basedConfirmPlanChangeDialogwithopen/onOpenChange/planIdpropsuseNavigateinPlanPricingColumnwithonConfirmPlanChangecallback prop<Outlet />from the plans page — dialog now renders inline with state management/plans/confirm-change/$planIdsub-route fromroutes.tsxcomponents/organization/plans/index.tsxwith thin wrapper that renders<PlansPage />Technical Details
@tanstack/react-routerimports — all routing isolated in thin wrapper{ open, planId }following established patternonConfirmPlanChangecallback threads fromPlansPage→PlansList→PlanPricingColumnhelpers.test.ts) moved alongside helpers to views directory